<%@page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>创业武汉合伙人</title>
    <%@include file="common/header.jsp"%>
    
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Bp7W7v3ueD02INZO3yXquaPKBOn9Vynz"></script>
<script type="text/javascript" src="js/Heatmap_min.js"></script>    
</head>
    


<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
}

.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
</style>

<body>
<!-- page 容器 -->
<div class="page">
    <!-- 标题栏 -->
    <header class="bar bar-nav bgcolor nobottom">
        <button class="button button-link button-nav whitecolor pull-left" href="javaScript:history.go(-1);">
            <span class="icon icon-left"></span>
        </button><!-- include file="common/headerPic.jsp"%> -->
        <h1 class="title whitecolor" <c:if test="${user==null}">onclick="location.href='login.do'"</c:if> >地图展示</h1>
    </header>

    <!-- 这里是页面内容区 -->
    <div class="content whitebg">
        
<div class="row no-gutter"
	style="float: left; width: 100%; border: 1px solid rgb(204, 204, 204); height: 100%;"
	layouth="0" id="dituContent${timeStamp}"></div>
        
        
        


        </div>
    </div>
</div>

<%@include file="common/panel.jsp"%>
</body>
</html>
<%@include file="common/footer.jsp"%>
<script type="text/javascript">
    $.init();


	//创建和初始化地图函数：
	function initMap() {
		createMap();//创建地图
		setMapEvent();//设置地图事件
		addMapControl();//向地图添加控件
	}
	//创建地图函数：
	function createMap() {
		var map = new BMap.Map("dituContent${timeStamp}");//在百度地图容器中创建一个地图
		if("${x}"==null||"${x}"==""){
			var point = new BMap.Point(114.387493,30.576749);//定义一个中心点坐标
		}else{
			var point = new BMap.Point("${x}","${y}");
			
		}
		if($("#xxxx").val()!='' && $("#xxxx").val()!=null){
			point = new BMap.Point($("#xxxx").val(),$("#yyyy").val());
			alert($("#xxxx").val());
		}
		//map.centerAndZoom(point, 15);//设定地图的中心点和坐标并将地图显示在地图容器中
		map.centerAndZoom(point, 13); // 初始化地图,设置中心点坐标和地图级别。
		
	
		window.map=map;
	
		var p1 = new BMap.Point("${x}","${y}");
		var p2 = point;
		var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
		driving.search(p1, p2);

		p1=new BMap.Point(${weixinUser.baiduX},${weixinUser.baiduY});
		driving.search(p1, p2);
		/* 	$.ajax({
				url:"getWeixinCoord.do",
				type:"get",
				dateType:"json",
				success:function(result){
					console.log(result.x+","+result.y);
					p1=new BMap.Point(result.x,result.y);
					driving.search(p1, p2);
				}
			}); */
	
	
		

		//获取鼠标地图的经纬
		

		if("${x}"==null||"${x}"==""){
			if($("#xxxx").val()!=''){
				var marker = new BMap.Marker(point); // 创建标注
				map.addOverlay(marker); // 将标注添加到地图中
				marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
			}
			//获取鼠标地图的经纬
			map.addEventListener("click", function(e) {
				var prompt = confirm("确定使用此位置吗?");
				if(prompt){
					$("#xxxx").val(e.point.lng);
					$("#yyyy").val(e.point.lat); 
					$("#xy").val(+e.point.lng+","+e.point.lat)
					var marker = new BMap.Marker(e.point); // 创建标注
					map.clearOverlays();
					map.addOverlay(marker); // 将标注添加到地图中
					marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
				}else{
					
				}
			});
			
		}else{
			var marker = new BMap.Marker(point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
		}
	}

	//地图事件设置函数：
	function setMapEvent() {
		map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
		map.enableScrollWheelZoom();//启用地图滚轮放大缩小
		map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
		map.enableKeyboard();//启用键盘上下左右键移动地图
	}
	


	//地图控件添加函数：
	function addMapControl() {
		//向地图中添加缩放控件
		var ctrl_nav = new BMap.NavigationControl({
			anchor : BMAP_ANCHOR_TOP_LEFT,
			type : BMAP_NAVIGATION_CONTROL_LARGE
		});
		map.addControl(ctrl_nav);
		//向地图中添加缩略图控件
		var ctrl_ove = new BMap.OverviewMapControl({
			anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
			isOpen : 1
		});
		map.addControl(ctrl_ove);
		//向地图中添加比例尺控件
		var ctrl_sca = new BMap.ScaleControl({
			anchor : BMAP_ANCHOR_BOTTOM_LEFT
		});
		map.addControl(ctrl_sca);

		var polyline = new BMap.Polyline([
				new BMap.Point(window.noteX, window.noteY),
				new BMap.Point(window.noteX, window.noteY) ], {
			strokeColor : "#F00",
			strokeWeight : 1,
			strokeOpacity : 1
		});
		map.addOverlay(polyline);

	}
	$(function() {
		initMap();//创建和初始化地图
	});
</script>
    